<!DOCTYPE html>
<html>
	<head >
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>我的推荐</title>
		<link rel="stylesheet" href="css/skin.css" />
		<style>
			html{
				min-height:100%;
	            background:#eaeaea no-repeat center bottom url(img/achieve-bg.jpg);
	            background-size:100% auto;
	            margin:0;
	            padding:0;
	            overflow:hidden;
			}
			body{
				min-height: 100%;	
				font-size: 12px;
			    margin: 0;
			    padding: 0;
			    display:-webkit-box;
			    -webkit-box-align: center;
			}
			.achieve-container{
				width:96%;
				padding:2%;
				margin: 0;
			}
            @media only screen and (max-width: 320px){
			.achieve-section .sub-title{
				font-size: 0.75rem;
			}
			.achieve-section .recom-list{
				font-size: 0.7rem;
			}
			}

		</style>
	</head >
	<body>
		<div class="achieve-container">
			<section class="achieve-section my-recom ">
				<h4>我的推荐</h4>
				<div class="sub-title">我推荐了以下朋友购房</div>
				<table class="recom-list">
					<thead>
						<tr>
							<th class="ta_left">姓名</th>
							<th>电话</th>
							<th>推荐楼盘</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="ta_left">李推荐</td>
							<td>12345678901</td>
							<td>滨江新城</td>
						</tr>
					</tbody>
					<!--<tfoot>
						<tr>
							<td colspan="3">暂无推荐</td>
						</tr>
					</tfoot>-->
				</table>
			</section><!--my-recom-->
			<section class="achieve-section my-recom-visit">
				<h4>我的推荐到访</h4>
				<div class="sub-title">以下朋友已到访售楼部</div>
				<table class="recom-list">
					<thead>
						<tr>
							<th class="ta_left">姓名</th>
							<th>电话</th>
							<th>推荐楼盘</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="ta_left">李推荐</td>
							<td>12345678901</td>
							<td>滨江新城</td>
						</tr>
					</tbody>
					<!--<tfoot>
						<tr>
							<td colspan="3">暂无到访</td>
						</tr>
					</tfoot>-->
				</table>
			</section><!--my-recom-visit-->
			<section class="achieve-section my-recom-deal">
				<h4>我的推荐已成交</h4>
				<div class="sub-title">以下朋友已成功购房</div>
				<table class="recom-list">
					<thead>
						<tr>
							<th class="ta_left">姓名</th>
							<th>电话</th>
							<th>推荐楼盘</th>
						</tr>
					</thead>
					<!--<tbody>
						<tr>
							<td class="ta_left">李推荐</td>
							<td>12345678901</td>
							<td>滨江新城</td>
						</tr>
					</tbody>-->
					<tfoot>
						<tr>
							<td colspan="3">暂无成交</td>
						</tr>
					</tfoot>
				</table>	
			</section><!--my-recom-submit-->
			<footer class="achieve-footer"></footer><!--footer-->
		</div><!--recom-container-->
	</body>
</html>
